﻿<%@ Page Language="C#" MasterPageFile="~/template.master" AutoEventWireup="true" CodeFile="payment.aspx.cs" Inherits="SmartParking.Web.Payment" Title="SmartParking >> Proceso de Pago"%>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register Assembly="ADEVSO" Namespace="ADEVSO.Web.UI.WebControls" TagPrefix="ADEVSO" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainHead" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContentPlaceHolder" Runat="Server">
    <div class="template_container" align="center">
        <p>
            <img src="media/img/paso3.jpg" alt="" width="527" height="119"/>
        </p>
        <asp:Panel ID="panelPersonalInfo" runat="server" CssClass="panel" GroupingText="Información Personal" Width="390px" Font-Bold="true" Font-Size="12">
            <asp:UpdatePanel ID="upaPersonalInfo" runat="server">
                <ContentTemplate>                    
                    <asp:Label ID="lbEmail" runat="server" Text="Correo Electrónico:" Width="125px" Font-Bold="false"></asp:Label>
                    <asp:TextBox ID="tboxEmail" runat="server" Width="200px" BackColor="#ffed6d" 
                        Font-Bold="false" ontextchanged="tboxEmail_TextChanged"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="rfvEmail" runat="server" ErrorMessage="*" ControlToValidate="tboxEmail"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="revEmail" runat="server" Font-Bold="false"
                        ErrorMessage="*" ControlToValidate="tboxEmail" ValidationExpression="^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$"></asp:RegularExpressionValidator>
                    <br />
                    <asp:Label ID="lbName" runat="server" Text="Nombre:" Width="125px" Font-Bold="false"></asp:Label>
                    <asp:TextBox ID="tboxName" runat="server" Width="200px" BackColor="#ffed6d" Font-Bold="false"></asp:TextBox>                    
                    <asp:RequiredFieldValidator ID="rfvName" runat="server" ErrorMessage="*" ControlToValidate="tboxName"></asp:RequiredFieldValidator>
                    <br />
                    <asp:Label ID="lbLastName" runat="server" Text="Apellido:" Width="125px" Font-Bold="false"></asp:Label>
                    <asp:TextBox ID="tboxLastName" runat="server" Width="200px" BackColor="#ffed6d" Font-Bold="false"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="rfvLastName" runat="server" ErrorMessage="*" ControlToValidate="tboxLastName"></asp:RequiredFieldValidator>
                    <br />
                    <asp:CheckBox ID="chboxSuscriptions" runat="server" Text="Deseo recibir información en mi correo electrónico" Font-Bold="false" Checked="true"/>
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:UpdateProgress ID="uprPersonalInfo" runat="server" AssociatedUpdatePanelID="upaPersonalInfo">
                <ProgressTemplate>
                    <div>
                        <asp:Image runat="server" ImageUrl="~/media/img/progress.gif" />
                        <asp:Label runat="server" Text="Please wait..." />
                    </div>
                </ProgressTemplate>
            </asp:UpdateProgress>    
        </asp:Panel>
        <br />
        <asp:Panel ID="panelPaymentInfo" runat="server" CssClass="panel" GroupingText="Información de Pago" Width="390px" Font-Bold="true" Font-Size="12">
            <asp:UpdatePanel ID="upaPaymentInfo" runat="server">
                <ContentTemplate>
                    <asp:Label ID="lbCCType" runat="server" Text="Tipo de Tarjeta:" Width="125px" Font-Bold="false" ></asp:Label>
                    <asp:DropDownList ID="ddlCCType" runat="server" Width="205px" BackColor="#ffed6d" Font-Bold="false" >
                        <asp:ListItem Text="Master Card" Value="MasterCard" Selected="True"></asp:ListItem>
                        <asp:ListItem Text="Visa" Value="Visa"></asp:ListItem>
                    </asp:DropDownList>
                    <asp:Label ID="lbCCNumber" runat="server" Text="Número de Tarjeta:" Width="125px" Font-Bold="false"></asp:Label>
                    <asp:TextBox ID="tboxCCNumber" runat="server" Width="200px" BackColor="#ffed6d" Font-Bold="false" MaxLength="16"></asp:TextBox>
                    <ajaxToolkit:MaskedEditExtender ID="meeCCNumber" runat="server" Mask="9999-9999-9999-9999" TargetControlID="tboxCCNumber" ClearMaskOnLostFocus="false"></ajaxToolkit:MaskedEditExtender>
                    <ajaxToolkit:MaskedEditValidator ID="mevCCNumber" runat="server" ErrorMessage="*" ControlToValidate="tboxCCNumber" ControlExtender="meeCCNumber" ValidationExpression="^\d{4}-\d{4}-\d{4}-\d{4}$"></ajaxToolkit:MaskedEditValidator>
                    <asp:Label ID="lbCCName" runat="server" Text="Nombre en la Tarjeta:" Width="125px" Font-Bold="false" ></asp:Label>
                    <asp:TextBox ID="tboxCCName" runat="server" Width="200px" BackColor="#ffed6d" Font-Bold="false" ></asp:TextBox>
                    <asp:RequiredFieldValidator ID="rfvCCName" runat="server" ErrorMessage="*" ControlToValidate="tboxCCName"></asp:RequiredFieldValidator>
                    <asp:Label ID="lbCCExpireDate" runat="server" Text="Fecha de Vencimiento:" Width="125px" Font-Bold="false" ></asp:Label>
                    <asp:DropDownList ID="ddlCCExpireMonth" runat="server" Width="99px" BackColor="#ffed6d" Font-Bold="false" >
                        <asp:ListItem Text="01" Value="01"></asp:ListItem>
                        <asp:ListItem Text="02" Value="02"></asp:ListItem>
                        <asp:ListItem Text="03" Value="03"></asp:ListItem>
                        <asp:ListItem Text="04" Value="04"></asp:ListItem>
                        <asp:ListItem Text="05" Value="05"></asp:ListItem>
                        <asp:ListItem Text="06" Value="06"></asp:ListItem>
                        <asp:ListItem Text="07" Value="07"></asp:ListItem>
                        <asp:ListItem Text="08" Value="08"></asp:ListItem>
                        <asp:ListItem Text="09" Value="09"></asp:ListItem>
                        <asp:ListItem Text="10" Value="10"></asp:ListItem>
                        <asp:ListItem Text="11" Value="11"></asp:ListItem>
                        <asp:ListItem Text="12" Value="12"></asp:ListItem>
                    </asp:DropDownList>
                    <asp:DropDownList ID="ddlCCExpireYear" runat="server" Width="99px" BackColor="#ffed6d" Font-Bold="false" >
                        <asp:ListItem Text="2010" Value="2010"></asp:ListItem>
                        <asp:ListItem Text="2011" Value="2011"></asp:ListItem>
                        <asp:ListItem Text="2012" Value="2012"></asp:ListItem>
                        <asp:ListItem Text="2013" Value="2013"></asp:ListItem>
                        <asp:ListItem Text="2014" Value="2014"></asp:ListItem>
                        <asp:ListItem Text="2015" Value="2015"></asp:ListItem>
                        <asp:ListItem Text="2016" Value="2016"></asp:ListItem>
                        <asp:ListItem Text="2017" Value="2017"></asp:ListItem>
                        <asp:ListItem Text="2018" Value="2018"></asp:ListItem>
                        <asp:ListItem Text="2019" Value="2019"></asp:ListItem>
                        <asp:ListItem Text="2020" Value="2020"></asp:ListItem>
                        <asp:ListItem Text="2021" Value="2021"></asp:ListItem>
                        <asp:ListItem Text="2022" Value="2022"></asp:ListItem>
                        <asp:ListItem Text="2023" Value="2023"></asp:ListItem>
                        <asp:ListItem Text="2024" Value="2024"></asp:ListItem>
                        <asp:ListItem Text="2025" Value="2025"></asp:ListItem>
                    </asp:DropDownList>
                    <asp:Label ID="lbCCSecurityNumber" runat="server" Text="Código de Seguridad:" Width="125px" Font-Bold="false" ></asp:Label>
                    <asp:TextBox ID="tboxCCSecurityNumber" runat="server" Width="200px" BackColor="#ffed6d" Font-Bold="false"></asp:TextBox>
                    <ajaxToolkit:MaskedEditExtender ID="meeCCSecurityNumber" runat="server" 
                        Mask="999" TargetControlID="tboxCCSecurityNumber" 
                        ClearMaskOnLostFocus="False" PromptCharacter=""></ajaxToolkit:MaskedEditExtender>
                    <asp:RequiredFieldValidator ID="rfvCCSecurityNumber" runat="server" ErrorMessage="*" ControlToValidate="tboxCCSecurityNumber"></asp:RequiredFieldValidator>
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:UpdateProgress ID="uprPaymentInfo" runat="server" AssociatedUpdatePanelID="upaPaymentInfo">
                <ProgressTemplate>
                    <div>
                        <asp:Image runat="server" ImageUrl="~/media/img/progress.gif" />
                        <asp:Label runat="server" Text="Please wait..." />
                    </div>
                </ProgressTemplate>
            </asp:UpdateProgress>    
        </asp:Panel>
        <p class="links">
            <asp:HyperLink id="cmdBack" runat="server" CssClass="link-left" NavigateUrl="reservations.aspx" Text="&lt;&lt; Regresar"></asp:HyperLink>
            <%--<asp:HyperLink id="cmdForward" runat="server" CssClass="link-right" NavigateUrl="payment.aspx" Text="Pagar &gt;&gt;"></asp:HyperLink>--%>
            <asp:LinkButton ID="cmdPay" runat="server" CssClass="link-right" 
                PostBackUrl="done.aspx" onclick="cmdPay_Click">Pagar &gt;&gt;</asp:LinkButton>
        </p>
    </div>
</asp:Content>

